<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商品</title>
		<link rel="stylesheet" type="text/css" href="./libs/bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="./css/index.css"/>
		<script src="libs/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./libs/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/utils.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<nav class="navbar navbar-default navbar-inverse">
		  <div class="container">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <a class="navbar-brand" href="#">商品列表</a>
		    </div>
		
		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav">
		        <li class="active"><a href="#">首页</a></li>
		        <li><a href="#">其他页</a></li>
		      </ul>
		      <ul class="nav navbar-nav navbar-right" id="un-login">
		        <li><a href="./html/login.html">登录</a></li>
		        <li><a href="./html/register.html">注册</a></li>
		      </ul>
			  <ul class="nav navbar-nav navbar-right hidde" id="is-login">
			  	<li><a href="#">欢迎您，<b>十</b></a></li>
			  	<li><a href="#" id="logout">退出登录</a></li>
			  </ul>
		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>
		<div class="container">
			<button type="button" class="btn btn-1 btn-primary btn-lg btn-add" data-toggle="modal" data-target="#addModal">
			 添加商品
			</button>
			<table class="table table-bordered table-hover table-condensed table-shop">
			  <thead>
				  <tr>
					  <th>编号</th>
					  <th>商品名称</th>
					  <th>商品价格</th>
					  <th>商品数量</th>
					  <th>操作</th>
				  </tr>
			  </thead>
			  <tbody id="shop-tbody">
			  	<!-- <tr>
					<td>1</td>
					<td><span>苹果</span><input type="text" /></td>
					<td><span>2</span><input type="text" /></td>
					<td><span>500</span><input type="text" /></td>
					<td>
						<button class="btn btn-info btn-xs btn-edit">编辑</button>
						<button class="btn btn-danger btn-xs btn-del">删除</button>
						<button class="btn btn-success btn-xs btn-ok">确认</button>
						<button class="btn btn-warning btn-xs btn-cancle">取消</button>
					</td>
				</tr> -->
			  </tbody>
			</table>
		</div>
		<div class="modal fade" tabindex="-1" role="dialog" id="addModal">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title">商品添加</h4>
		      </div>
		      <div class="modal-body">
		        <form class="form-horizontal">
		          <div class="form-group">
		            <label for="inputName" class="col-sm-2 control-label">商品名称</label>
		            <div class="col-sm-10">
		              <input type="text" class="form-control" id="inputName" placeholder="请输入商品名称">
		            </div>
		          </div>
		          <div class="form-group">
		            <label for="inputPrice" class="col-sm-2 control-label">商品价格</label>
		            <div class="col-sm-10">
		              <input type="text" class="form-control"Num id="inputPrice" placeholder="请输入商品价格">
		            </div>
		          </div>
				  <div class="form-group">
				    <label for="inputNum" class="col-sm-2 control-label">商品数量</label>
				    <div class="col-sm-10">
				      <input type="text" class="form-control" id="inputNum" placeholder="请输入商品数量">
				    </div>
				  </div>
		        </form>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		        <button type="button" class="btn btn-primary" id="btn-add">添加</button>
		      </div>
		    </div><!-- /.modal-content -->
		  </div><!-- /.modal-dialog -->
		</div><!-- /.modal -->
		
		<script src="./js/select.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/add.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/edit.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
